<template>
  <div>
    <el-card>
      <div id="sliderFrame">
        <div id="slider">
          <a
            class="lazyImage medium"
            :href="item.url"
            v-for="(item, index) in imglist"
            :key="index"
          ></a>
        </div>
      </div>
     
    </el-card>
     <Navbar></Navbar>
    <side></side>
  </div>
</template>

<script>
    // require("@/assets/lunbo/js-image-slider.js");
export default {
  mounted () {
  require("@/assets/lunbo/js-image-slider.js");
  },
  data() {
    return {
      imglist: [
          { url: "https://s1.ljcdn.com/feroot/pc/asset/img/home/bannerV2.jpg" },
          { url: "http://pmofa2657.pic49.websiteonline.cn/upload/ban2.jpg" },
        {
          url: "https://www.cqszta.com/public/uploads/images/20211118/1_20211118170503463e1.jpeg",
        },
        {
          url: "https://www.cqszta.com/public/uploads/images/20211118/1_20211118170503817c7.jpeg",
        },
        { url: "http://pmofa2657.pic49.websiteonline.cn/upload/ban1.jpg" },
        {
          url: "https://www.cqszta.com/public/uploads/images/20211118/1_2021111817050296aba.jpeg",
        },
      ],
    };
  },
};
</script>


<style>
@import "../assets/lunbo/generic.css";
</style>


<style>
@import "../assets/lunbo/js-image-slider.css";
</style>

